@charset "utf-8";

input,img{vertical-align:middle;}
html{ overflow: -moz-scrollbars-vertical; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe {PADDING: 0px; MARGIN: 0px;}
DIV, P, I, UL, LI, OL, DL, DT, DD{list-style: none;}
FIELDSET,LABEL,LEGEND,BUTTON,INPUT,FORM {PADDING: 0px; MARGIN: 0px;}
address,caption,cite,dfn,em,th,var {font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
A IMG {BORDER-STYLE: none; border: 0px}
table{border-collapse: collapse;border-spacing: 0;} 

.wordwrap{ word-break: break-all; word-wrap: break-word; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {*display:inline-block;*zoom:100%;}
.clear{ clear:both; height:0px;font-size:0px; line-height:0px; overflow:hidden;}
.blank2 {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 2px; line-height: 2px; font-size: 0px;}
.blank6 {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 6px; line-height: 6px; font-size: 0px;}
.blank10 {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 10px; line-height: 10px; font-size: 0px;}
.blank15 {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 15px; line-height: 10px; font-size: 0px;}
.blank20 {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 20px; line-height: 10px; font-size: 0px;}
.blank30 {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 30px; line-height: 10px; font-size: 0px;}
.blank40 {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 40px; line-height: 10px; font-size: 0px;}

.blank_line {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 20px; line-height: 20px; font-size: 0px; border-bottom:#EAEAEA 1px solid; margin-bottom:20px;}


.hand {CURSOR: pointer;}
.red {COLOR: #d52a26}.white{color: White;}
.tb{font-weight: bolder;}
.tl{ text-align: left;}.tr{ text-align: right;}.tc{ text-align: center;}
.left{float: left;}.right{float: right;}
.mc{margin-left: auto; margin-right: auto;}
.mt6{margin-top: 6px;}.mt10{margin-top: 10px;}.mt15{margin-top: 15px;}.mt20{margin-top: 20px;}.mt30{margin-top: 30px;}.mt40{margin-top: 40px;}.mb10{margin-bottom: 10px;}.mb15{margin-bottom: 15px;}
.ml10{margin-left: 10px;}.ml15{margin-left: 15px;}.ml20{margin-left: 20px;}.ml30{margin-left: 30px;}.ml40{margin-left: 40px;}.mr10{margin-right: 10px;}.mr15{margin-right: 15px;}.mr20{margin-right: 20px;}
.p5{padding: 5px;}.p10{padding: 10px;}.p15{padding: 15px;}.p20{padding: 20px;}.p30{padding: 30px;}.p40{padding: 40px;}
.pt10{padding-top: 10px;}.pt10{padding-top: 10px;}.pt20{padding-top: 20px;}.pt40{padding-top: 40px;}.pt15{padding-top: 15px;}.pb15{padding-bottom: 15px;}
.pb10{padding-bottom: 10px;}.pb20{padding-bottom: 20px;}
.pt0{ padding-top:0px;}.pt6{ padding-top:6px;}
a:link,a:visited { color:#3F3F3F;text-decoration:none;}
a:hover,a:active { color:#3156a3;text-decoration: none;}
a.fff:link,a.fff:visited {color:#ffffff;text-decoration:none;} a.fff:hover,a.fff:active {color:#ffffff;text-decoration:underline;}
a.red:link,a.red:visited {color:#c60027;text-decoration:none;} a.red:hover,a.red:active {color:#f1002f;text-decoration:underline;}

/* Backgrounds */
.bg_white { background-color: #fff; }
.bg_org { background-color: #fffbef; }
.bg_red { background-color: #DD2700; }
.bg_silver { background-color: #F9F9F9; }
/* Colors */
.org { color: #FF7000; }
.silver { color: #A9A9A9; }



.wraper img,.wraper a{ -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}


input{ font-size: 14px; font-family: tahoma; padding: 1px 0; vertical-align: baseline; font-weight: inherit;vertical-align:middle; box-sizing:border-box; }
.trans_all{ filter:alpha(opacity=20);opacity: 0.2; }
.trans_bg{ filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0,startColorstr = '#80000000', endColorstr = '#80000000' )\9;
           background-color:rgba( 0, 0, 0, .5 );background-color:transparent\9 }
.none{display: none;}
.relative{position: relative;}
.border_shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1); filter:progid:DXImageTransform.Microsoft.Shadow(color=#D2D2D2,direction=135,strength=5); border-radius:4px;}
.border_all{ border:#EAEAEA 1px solid;}

BODY {Font-family:'Microsoft Yahei', Verdana,simsun,tahoma;  font-size: 12px; line-height: 180%; color: #333;  background:#eceaea; }
.w1100{width: 1100px; margin: 0px auto;}
#wrapper {width:100%; height:auto; overflow:hidden; clear:both; margin:0px auto;}


/*top*/
.top {
    background: url(../img/bg_top.png) no-repeat;
    overflow: hidden;
    width: 100%;
    height: 338px;
}

.login {
    overflow: hidden;
    margin-top:-12%;
    height: auto;
    padding:30px;

}
.logo {
    width: 523px;
    height: 67px;
    line-height: 67px;
    margin: 40px 0;
    color: #fff;
    font-size: 40px;
    font-weight: bolder;
    font-family: 黑体;
    letter-spacing: 3px;
}


.register {
    width:920px;
    min-height:380px;
    padding:30px 40px;
    background: #FFF;
    border:1px solid #d7d7d7;

}
.reg-l {
    float: left;
    position: relative;
    width: 380px;
    margin-top:50px;
    margin-left: 50px;
}
.reg-l li {
    margin-bottom: 30px;
    line-height: 40px;
    margin-left: 5%;
}
.label-input {
    display: inline-block;
    vertical-align: top;
    height: 38px;
    line-height: 38px;
    width: 72px;
    text-align: left;
    font-size: 16px;
    padding-right: 15px;
}

.reg-name,.reg-code {
    display: inline-block;
    padding: 0 10px;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    color: #777;
    border: 1px solid #CCC;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.05);

}
.reg-name {
    width:260px;
}
.reg-code {
    width:100px;
}
.reg-bt {
    margin-top: 40px;
    overflow: hidden;
}
.login-bt {
    float: left;
    margin-right:30%;
    margin-left: 5%;
}

.login-bt a {
    background: #1c1c1c;
    color: #FFF;
    font:normal 14px/40px "microsoft yahei";
    padding:15px 30px;
    text-align: center;
}

.login-bt a:hover {
    background: #d8271c;
}
.password {
    float: left;
    line-height: 40px;
    font-size: 14px;
}

.reg-r {
    float: left;
    width: 300px;
    border-left: 1px solid #D7D7D7;
    padding-left: 90px;
    margin-left: 80px;
}

/*foot*/
.foot {
    background: url(../img/bg_foot.png) no-repeat;
    width: 100%;
    height: 200px;
    margin-top:2%;
}
